<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<div id="content" role="main">
	<!-- Heading ----------------------------------------------------------->
	<h1>Our Team</h1>

	<!-- Breadcrumbs ----------------------------------------------------------->
	<p itemscope itemtype="http://data-vocabulary.org/Breadcrumb"
		id="breadcrumbs">
		<a href="/" rel="home" itemprop="url"><span itemprop="title">Home</span></a>
		<i class="icon-chevron-right"></i> <a href="#" itemprop="url"><span
			itemprop="title">About Us</span></a> <i class="icon-chevron-right"></i>
		Team
	</p>
	<hr />

	<!-- WYSIWYG Content ----------------------------------------------------------->
	<div class="p66">
		<h2>This is how we work</h2>
		<br />
		<p>
			<img class="left" src="imgs/image-about.jpg" alt="" height="185" />Aliquam
			hendrit rutrum iaculis nullam ondimentum maluada velit beum donec sit
			amet tristique erosam amet. Risus mollis malesuada quis quis nulla.
			Vestibulum ante ipsum primis in faucibus orcluctus et ultrices
			posuere cubilia mattis elit porttitor euismod pharetra sem interdum.
			Etiam laoreet sagittis placerat. Ut in magna sit amet massa posuere
			pretium. Vestibulum id est nulla, non adipiscing tortor. Aenean sed
			dolor quis nulla sodales bibendum. In vitae justo mi. Sed nunc
			tortor, sagittis quis viverra id, molestie vitae nibh. Donec vitae
			lacus sed risus accumsan consectetur.
		</p>
	</div>

	<div class="p33 right">
		<h2>Careers</h2>
		<br />
		<div class="greybox">
			<h2>
				We Want <span class="red">You</span>!
			</h2>
			<p class="grey">Donec vitae lacus sed risus accumsan consectetur
				ut a ligula. Etiam vitae nisi diam, in rutrum dui eget varius nulla
				lacus ut erat.</p>
			<p>
				<a href="#" class="button red">Apply Now</a>
			</p>
		</div>
	</div>

	<div class="clear"></div>

	<br />
	<br />
	<div class="p100">
		<div class="p25">
			<span class="circle">1</span>
			<h3>Planning</h3>
			<p class="clear">Aliquam hendrit rutrum iaculis nullam ondimentum
				maluada velit beum donec sit amet tristique erosam amet. Risus
				mollis malesuada quis quis nulla. Vestibulum ante ipsum primis in
				faucibus orcluctus et ultrices posuere cubilia mattis elit
				porttitor.</p>
		</div>

		<div class="p25">
			<span class="circle">2</span>
			<h3>Action</h3>
			<p class="clear">Aliquam hendrit rutrum iaculis nullam ondimentum
				maluada velit beum donec sit amet tristique erosam amet. Risus
				mollis malesuada quis quis nulla. Vestibulum ante ipsum primis in
				faucibus orcluctus et ultrices posuere cubilia mattis elit
				porttitor.</p>
		</div>

		<div class="p25">
			<span class="circle">3</span>
			<h3>Measuring</h3>
			<p class="clear">Aliquam hendrit rutrum iaculis nullam ondimentum
				maluada velit beum donec sit amet tristique erosam amet. Risus
				mollis malesuada quis quis nulla. Vestibulum ante ipsum primis in
				faucibus orcluctus et ultrices posuere cubilia mattis elit
				porttitor.</p>
		</div>

		<div class="p25">
			<span class="circle">4</span>
			<h3>Analyzing</h3>
			<p class="clear">Aliquam hendrit rutrum iaculis nullam ondimentum
				maluada velit beum donec sit amet tristique erosam amet. Risus
				mollis malesuada quis quis nulla. Vestibulum ante ipsum primis in
				faucibus orcluctus et ultrices posuere cubilia mattis elit
				porttitor.</p>
		</div>
		<div class="clear"></div>
	</div>
	<!-- END .p100 -->

	<br />
	<br />
	<hr class="clear" />

	<h2>
		Our Team <span class="small grey"> &nbsp;/&nbsp; Meet the
			people behind greatness</span>
	</h2>
	<br />
	<div class="p100">
		<div class="team-member p25">
			<a href="#"><img alt="" src="imgs/teammate1.jpg"></a>
			<hgroup>
				<h3>Max Great</h3>
				<h4 class="small">Project Manager</h4>
			</hgroup>
			<p>Donec sit amet tristique erosam amet. Risus mollis malesuada
				quis nulla vestibulum primis in faucibus.</p>
			<ul class="social-icons">
				<li><a href="#" title="Twitter"><i class="icon-twitter"></i>
						<span></span></a></li>
				<li><a href="#" title="Facebook"><i class="icon-facebook"></i>
						<span></span></a></li>
				<li><a href="#" title="Email"><i class="icon-envelope"></i>
						<span></span></a></li>
			</ul>
		</div>
		<!-- END .team-member -->

		<div class="team-member p25">
			<a href="#"><img alt="" src="imgs/teammate2.jpg"></a>
			<hgroup>
				<h3>Katie Doe</h3>
				<h4 class="small">Senior Web Developer</h4>
			</hgroup>
			<p>Donec sit amet tristique erosam amet. Risus mollis malesuada
				quis nulla vestibulum primis in faucibus.</p>
			<ul class="social-icons">
				<li><a href="#" title="Twitter"><i class="icon-twitter"></i>
						<span></span></a></li>
				<li><a href="#" title="Facebook"><i class="icon-facebook"></i>
						<span></span></a></li>
				<li><a href="#" title="Email"><i class="icon-envelope"></i>
						<span></span></a></li>
			</ul>
		</div>
		<!-- END .team-member -->

		<div class="team-member p25">
			<a href="#"><img alt="" src="imgs/teammate3.jpg"></a>
			<hgroup>
				<h3>Alice Chains</h3>
				<h4 class="small">Web Designer</h4>
			</hgroup>
			<p>Donec sit amet tristique erosam amet. Risus mollis malesuada
				quis nulla vestibulum primis in faucibus.</p>
			<ul class="social-icons">
				<li><a href="#" title="Twitter"><i class="icon-twitter"></i>
						<span></span></a></li>
				<li><a href="#" title="Facebook"><i class="icon-facebook"></i>
						<span></span></a></li>
				<li><a href="#" title="Email"><i class="icon-envelope"></i>
						<span></span></a></li>
			</ul>
		</div>
		<!-- END .team-member -->

		<div class="team-member p25">
			<a href="#"><img alt="" src="imgs/teammate4.jpg"></a>
			<hgroup>
				<h3>Rudy White</h3>
				<h4 class="small">Accountant</h4>
			</hgroup>
			<p>Donec sit amet tristique erosam amet. Risus mollis malesuada
				quis nulla vestibulum primis in faucibus.</p>
			<ul class="social-icons">
				<li><a href="#" title="Twitter"><i class="icon-twitter"></i>
						<span></span></a></li>
				<li><a href="#" title="Facebook"><i class="icon-facebook"></i>
						<span></span></a></li>
				<li><a href="#" title="Email"><i class="icon-envelope"></i>
						<span></span></a></li>
			</ul>
		</div>
		<!-- END .team-member -->
		<div class="clear"></div>
	</div>
	<!-- END .p100 -->

	<!-- END of WYSIWYG content ----------------------------------------------------------->

	<div class="clear"></div>

</div>
<!-- END .content -->
